<div class="modal-header">
  <h4 class="modal-title text-center">New Note</h4>
  <span class="pull-right" style="cursor: pointer" (click)="bsModalRef.hide()">X</span>
</div>
<div class="modal-body">
  <form (submit)="submit()" class="form" [formGroup]="form">
    Date: <input type="text" style="border:none; border-bottom: 1px;" formControlName="addDate" [(ngModel)]="date"><br/>
          <div *ngIf="form.get('addDate').errors && form.get('addDate').touched">
            <span class="text-danger">date is not null!</span>
          </div>
    Content:<textarea name="content" rows="8" cols="78" formControlName="content" [(ngModel)]="content"></textarea>
         <div *ngIf="form.get('content').errors && form.get('content').touched">
           <span class="text-danger">content is not null!</span>
         </div>
    <input type="checkbox" formControlName="isSetTop" [(ngModel)]="istops">is set top?<br/>

    <hr/>

    
    <div class="row">
      <button class="btn btn-danger pull-right" style="margin-right: 20px;" (click)="bsModalRef.hide()">Close</button>
      <button class="btn btn-primary pull-right" type="submit" style="margin-right: 20px;" [disabled]="!form.valid">Add New Note</button>
    </div>
  </form>
</div>
